<template>
    <div>
        <h1>响应式数据判断</h1>
    </div>
</template>

<script lang="ts">
import { defineComponent, isReactive, isRef, reactive, ref } from "vue";

export default defineComponent({
    /* 
    判断一个数据是否是响应式的
    创建响应式数据比较重要的API ref reactive
    逻辑 判断时需要进行判断
    isRef:检测一个数据是否是ref对象如果是返回true 如果不是返回false
    isReactive检测一个数据是否是reactive创建响应式对象，如果是返回true 如果不是返回false

      */
    setup() {
        const aa = ref("111");
        console.log(isRef(aa));
        const bb = ref({
            name: "tom",
            age: 10,
        });
        console.log(isRef(bb));
        const cc = reactive({
            name: "lili",
            age: 5,
        });
        console.log(isReactive(cc));
        console.log(isRef(cc));
        console.log(isReactive(bb));

        return {
            aa,
            bb,
            cc,
        };
    },
});
</script>

<style scoped>

</style>